.subtitleText {
  padding: 6px 2px 6px 0;
}

.subtitleTextTTL {
  height: 26px;
  line-height: 26px;
  padding: 0;
}

.controlsKey {
  right: 25px;
}

.cancelEditBtn:hover {
  color: var(--euiColorColorDanger) !important;
}

.applyEditBtn:hover {
  color: var(--euiColorSecondary) !important;
}

.flexItemTTL {
  width: 152px;
  min-width: 152px;
}

.ttlInput {
  min-width: 106px;
  font-size: 12px !important;
  height: 24px !important;
  padding: 2px 0 0 9px !important;
}

.ttlGridComponent,
.classNameGridComponent {
  position: relative;
}

.ttlGridComponent {
  height: 24px;
  line-height: 24px;
}

.hidden {
  display: none;
}

.ttlTextValue {
  padding-left: 14px;
}

@include global.insights-open {
  .flexItemTTL {
    width: 134px;
    min-width: 134px;
  }

  .ttlInput {
    min-width: 90px;
    font-size: 12px !important;
    height: 25px !important;
  }

  :global(.euiFormControlLayout--compressed > .euiFormControlLayout__append) {
    &.iconPencil {
      width: 24px !important;
      padding: 0 6px !important;
    }
  }
}
